<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: kong
  Date: 15/10/28
  Time: 下午3:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>鱼人岛，国内最大观赏鱼网站</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<c:url value="/images/favicon.ico" var="favicon"/>
<c:url value="/images/logo.png" var="logo"/>
<c:url value="/styles/bootstrap.min.css" var="bootstrap_css"/>
<c:url value="/styles/flat-ui.css" var="flatui_css"/>
<c:url value="/js/vendor/jquery.min.js" var="jquery"/>
<c:url value="/js/bootstrap.min.js" var="bootstrap_js"/>
<c:url value="/styles/search.css" var="search_css"/>
<link rel="SHORTCUT ICON" href="${favicon}" />
<link rel="stylesheet" type="text/css" href="${bootstrap_css}" />
<link rel="stylesheet" type="text/css" href="${search_css}" />
<link rel="stylesheet" type="text/css" href="${flatui_css}" />
<body>
    <div class="container">
      <div class="row" id="search">
        <div class="navbar-search">
          <img src="${logo}" id="logo"/>
          <form>
            <div class="form-group">
            <input type="search" id="searchinput" class="form-control" placeholder="查找鱼，鱼药"/>
              <button type="submit" class="btn"><span class="fui-search"></span></button>
            </div>
          </form>
        </div>
      </div>
      <div class="row">

      </div>
     <div class="row" id="menubar">
      <nav class="navbar navbar-blue" role="navigation">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse"
                  data-target="#navbar-collapse-5">
            <span class="sr-only">Toggle navigation</span>
          </button>
          <a class="navbar-brand" href="#">鱼人岛</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navbar-collapse-5">
          <ul class="nav navbar-nav">
            <li><a href="#">首页<span class="navbar-unread">1</span></a></li>
            <li class="active"><a href="#">鱼人商城</a></li>
            <li class="commit"><a href="#">鱼人社区<span class="navbar-new">2</span></a></li>
            <li class="cloud"><a href="#">云养殖</a></li>
          </ul>
          <form class="navbar-form navbar-left" action="#" role="search">
            <div class="form-group">
              <div class="input-group">
                <input class="form-control" id="navbarInput-01" type="search"
                       placeholder="Search" /> <span class="input-group-btn">
									<button type="submit" class="btn">
                                      <span class="fui-search"></span>
                                    </button>
								</span>
              </div>
            </div>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">客户端下载</a></li>
            <li class="dropdown"><a href="#" class="dropdown-toggle"
                                    data-toggle="dropdown">关于我们<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Action</a></li>
                <li><a href="#">Another action</a></li>
                <li><a href="#">Something else here</a></li>
                <li class="divider"></li>
                <li><a href="#">Separated link</a></li>
              </ul></li>
            <li><a href="#"><span class="visible-sm visible-xs">Settings<span
                    class="fui-gear"></span></span><span class="visible-md visible-lg"><span
                    class="fui-gear"></span></span></a></li>
          </ul>
        </div>

      </nav>
    </div>
    </div>


</body>
<script type="text/javascript" src="jquery"></script>
<script type="text/javascript" src="bootstrap_js"></script>
</html>
